.like-tabs{
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	flex: 1 1 0%;
	align-content: flex-start;
	border-width: 0;
	border-style: solid;
	border-color: black;
	margin: 0;
	padding: 0;
	min-width: 0;
	position: sticky;
	top: -2rpx;
	z-index: 9;
	width: 100%;
	background-image: linear-gradient(rgb(255, 255, 255), rgb(248, 248, 248));
	overflow: scroll hidden;
	.scroll-view{
		box-sizing: border-box;
		display: flex;
		flex-direction: row;
		flex-shrink: 0;
		align-content: flex-start;
		border-width: 0;
		border-style: solid;
		border-color: black;
		margin: 0;
		padding: 0;
		min-width: 0;
		// background-color: #0062CC;
		width: 100%;
		.item{
			box-sizing: border-box;
			display: flex;
			position: relative;
			flex-direction: column;
			flex-shrink: 0;
			place-content: flex-start center;
			border-width: 0;
			border-style: solid;
			border-color: black;
			margin: 0;
			padding: 0;
			min-width: 0;
			align-items: center;
			width: 25%;
			// height: 130rpx;
			.raw-image{
				width: 80%;
				height: 50%;
				position: absolute;
				top: 20rpx;
				z-index: -1;
				flex-shrink: 0;
				object-fit: cover;
			}
			.title{
				box-sizing: border-box;
				display: block;
				font-size: 26rpx;
				white-space: pre-wrap;
				line-height: 30rpx;
				color: rgb(15, 19, 26);
				padding: 10rpx 10rpx;
				font-weight: bold;
				// background-color: #06AD56;
			}
			.sub-title{
				box-sizing: border-box;
				display: block;
				font-size: 20rpx;
				white-space: pre-wrap;
				color: rgb(145, 148, 153);
				line-height: 20rpx;
				margin-top: 5rpx;
			}
		}
	}
}

.like-content{
	box-sizing: border-box;
	display: flex;
	position: relative;
	flex-direction: column;
	flex-shrink: 0;
	align-content: flex-start;
	// border-width: 0;
	// border-style: solid;
	// border-color: black;
	margin: 0;
	padding: 0;
	min-width: 0;
	width: 100%;
	background-color: rgb(248, 248, 248);
	.waterfall-wrap{
		box-sizing: border-box;
		display: flex;
		position: relative;
		flex-direction: row;
		flex-shrink: 0;
		place-content: flex-start space-between;
		// border-width: 0;
		// border-style: solid;
		// border-color: black;
		margin: 0 0rpx;
		padding: 24rpx 0 0;
		min-width: 0;
		overflow: hidden;
		width: 100%;
		.even,.odd{
			box-sizing: border-box;
			display: flex;
			position: relative;
			flex-direction: column;
			flex-shrink: 0;
			align-content: flex-start;
			// border-width: 0;
			// border-style: solid;
			// border-color: black;
			margin: 0;
			padding: 0;
			min-width: 0;
			width: 48.5%;
			
			.c-wrap{
				box-sizing: border-box;
				// display: flex;
				position: relative;
				// flex-direction: column;
				// flex-shrink: 0;
				// align-content: flex-start;
				// border-width: 0;
				// border-style: solid;
				// border-color: black;
				margin: 0 0 18rpx;
				padding: 0;
				// min-width: 0;
				// height: 100%;
				overflow: hidden;
				width: 100%;
				.item{
					box-sizing: border-box;
					display: flex;
					position: relative;
					flex-direction: column;
					flex-shrink: 0;
					align-content: flex-start;
					// border-width: 0;
					// border-style: solid;
					// border-color: black;
					margin: 0;
					padding: 0 0 18rpx;
					min-width: 0;
					width: 100%;
					background-color: rgb(255, 255, 255);
					overflow: hidden;
					border-radius: 12rpx;
					.i-main{
						box-sizing: border-box;
						display: flex;
						position: relative;
						flex-direction: column;
						flex-shrink: 0;
						align-content: flex-start;
						// border-width: 0;
						// border-style: solid;
						// border-color: black;
						margin: 0;
						padding: 10px;
						min-width: 0;
						width: 100%;
						.i-image{
							width: 100%;
							height: 342rpx;
							// background-color: rgb(238, 238, 238);
							border-top-left-radius: 12rpx;
							border-top-right-radius: 12rpx;
							object-fit: cover;
						}
						.i-type{
							box-sizing: border-box;
							display: block;
							font-size: 22rpx;
							white-space: pre-wrap;
							position: absolute;
							left: 0;
							top: 0;
							padding-left: 12rpx;
							padding-right: 12rpx;
							height: 48rpx;
							line-height: 48rpx;
							color: rgb(255, 255, 255);
							border-bottom-right-radius: 12rpx;
							border-top-left-radius: 12rpx;
							background-color: rgba(111, 111, 111, 0.8);
						}
						.i-title{
							box-sizing: border-box;
							display: -webkit-box;
							font-size: 28rpx;
							white-space: pre-wrap;
							overflow: hidden;
							-webkit-box-orient: vertical;
							margin-top: 12rpx;
							color: rgb(41, 44, 51);
							line-height: 42rpx;
							text-overflow: ellipsis;
							font-weight: bold;
							-webkit-line-clamp: 2;
						}
						.i-desc-wrap{
							box-sizing: border-box;
							display: flex;
							position: relative;
							flex-direction: row;
							flex-shrink: 0;
							align-content: flex-start;
							// border-width: 0;
							// border-style: solid;
							// border-color: black;
							margin: 12rpx 0 0;
							padding: 0;
							min-width: 0;
							.i-desc{
								box-sizing: border-box;
								display: block;
								font-size: 28rpx;
								white-space: nowrap;
								overflow: hidden;
								margin-right: 12rpx;
								border-radius: 6rpx;
								margin-left: 12rpx;
								padding: 0 6rpx;
								background-color: rgba(255, 115, 0, 0.08);
								color: rgb(255, 115, 0);
								line-height: 36rpx;
								text-overflow: ellipsis;
								font-weight: 500;
							}
						}
						.i-price{
							box-sizing: border-box;
							display: flex;
							position: relative;
							flex-direction: row;
							flex-shrink: 0;
							align-content: flex-start;
							// border-width: 0;
							// border-style: solid;
							// border-color: black;
							margin: 12rpx 0 0;
							padding: 0 12rpx;
							min-width: 0;
							align-items: flex-end;
							.i-price-prefix{
								box-sizing: border-box;
								display: block;
								font-size: 28rpx;
								white-space: pre-wrap;
								position: relative;
								line-height: 24rpx;
								color: rgb(255, 80, 0);
							}
							.i-price-num{
								box-sizing: border-box;
								display: block;
								font-size: 36rpx;
								white-space: pre-wrap;
								margin-left: 4rpx;
								line-height: 36rpx;
								color: rgb(255, 80, 0);
								font-weight: bold;
								top: 2rpx;
								position: relative;
							}
						}
					}
				}
			}
		}
	}
}